<template>
  <div>
    <div class="box">
      <h1>所有学生信息录查询</h1>

      <div class="btn">
        <div class="bt">
          <el-button type="info" @click="$router.push({ name: 'headall' })"
            >带头像的所有学生信息</el-button
          >
        </div>
        <div class="bt">
          <el-button type="info" @click="$router.push({ name: 'nohead' })"
            >不带头像的所有学生信息</el-button
          >
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.box {
  border: 1px solid red;
  h1 {
    text-align: center;
  }
  .btn{
    display: flex;
    justify-content: center;
    .bt{
      padding: 100px;
    }
  }
}
</style>